<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Shop</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" href="img/favicon.png" />
        <!-- Place favicon.ico in the root directory -->
				
		<!-- all css here -->
		<!-- bootstrap.min.css -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
		<!-- font-awesome.min.css -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
		<!-- owl.carousel.css -->
        <link rel="stylesheet" href="css/owl.carousel.css">
		<!-- owl.carousel.css -->
        <link rel="stylesheet" href="css/meanmenu.min.css">
		<!-- jquery-ui.min.css -->
        <link rel="stylesheet" href="css/jquery-ui.min.css">
		<!-- shortcode/shortcodes.css -->
        <link rel="stylesheet" href="css/shortcode/shortcodes.css">
		<!-- nivo-slider.css -->
        <link rel="stylesheet" href="css/nivo-slider.css">
		<!-- style.css -->
        <link rel="stylesheet" href="style.css">
		<!-- responsive.css -->
        <link rel="stylesheet" href="css/responsive.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>

         


        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
        <!-- header -->
		<!-- header-top-area-start -->
		<div class="header-top-area black-bg ptb-7 hidden-xs">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-4">
						<div class="header-top-left">
							<span><a href="#">Call us toll free:</a>(+1)866-550-3669</span>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-8">
						<div class="header-top-right">
							<ul>
								<li class="slide-toggle"><a href="login.html"><i class="fa fa-user"></i> LoginOut</a>
								
									</ul>
								</li>
							
							<ul>
																						<li class="slide-toggle-2 text-uppercase"><a href="#"><i class="fa fa-usd"></i>登陆注册</a>
																							<ul class="show-toggle-2">
																								<li><a href="login.html"><i class="fa fa-eur"></i>登陆</a></li>
																								<li><a href="register.html"><i class="fa fa-gbp"></i>注册</a></li>											
																							</ul>	
																						</li>
							</ul>
											
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- header-top-area-end -->
			<!-- header-bottom-area-start -->
			<div class="header-bottom-area bg-color-1 ptb-25">
				<div class="container">
					<div class="row">
						<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
							<div class="logo">
								<a href="index.html"><img src="img/logo.png" alt="" /></a>
							</div>
						</div>
						<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
							<div class="header-bottom-middle">
								<div class="search-box">
									<form>
										<input type="text" placeholder="Search...">
										<button><i class="fa fa-search"></i></button>
									</form>	
								</div>								
							</div>
							
								
		                                    </div>											
										</div>
									</div>
								</div>
							</div>							
						</div>
					</div>
				</div>
			</div>	
			<!-- header-bottom-area-end -->
		</header>																											<!-- header -->
		<!-- mainmenu-area-start -->
		<div class="mainmenu-area bg-color-2 hidden-xs hidden-sm">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3">
						<div class="mainmenu-left visible-lg checkout-page  visible-md">
							
							</div>
						</div>	
					</div>
					<div class="col-lg-9 col-md-9">
						<div class="mainmenu">
							<nav>
								<ul>
									<li><a href="index.html">Home</a></li>
							<li><a href="shop.html">Shop</a></li>
							<li><a href="cart.html">Cart</a></li>
							
							<li><a href="order.html">Order</a></li>
							<li><a href="myaccount.html">My Account</a></li>
								</ul>
							</nav>
						</div>	
					</div>
				</div>
			</div>
		</div>
	
		<!-- mainmenu-area-end -->
		<!-- breadcrumb start -->
		<div class="breadcrumb-area">
			<div class="container">
				<ol class="breadcrumb">
				  <li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
				  <li class="active">Shop</li>
				</ol>			
			</div>
		</div>
		<!-- breadcrumb end -->	
		<!-- shop-area start -->
		<div class="shop-area">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-4">
						<div class="column mt-55">
							<h2 class="title-block">Catalog</h2>
							<div class="sidebar-widget">
								<h3 class="sidebar-title">Availability</h3>
								<ul class="sidebar-menu">
									<li><a href="#">In stock <span>(13)</span></a></li>
									<li><a href="#">In stock <span>(13)</span></a></li>
								</ul>
							</div>
							<div class="sidebar-widget">
								<h3 class="sidebar-title">Condition</h3>
								<ul class="sidebar-menu">
									<li><a href="#">New <span>(11)</span></a></li>
								</ul>
							</div>
							<div class="sidebar-widget">
								<h3 class="sidebar-title">Manufacturer</h3>
								<ul class="sidebar-menu">
									<li><a href="#"> Fashion Manufacturer  <span>(13)</span></a></li>
								</ul>
							</div>
							<div class="sidebar-widget">
								<h3 class="sidebar-title">Manufacturer</h3>
								<div class="price-filter">
									<p>
									  <label for="amount">Range:</label>
									  <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
									</p> 
									<div id="slider-range"></div>
								</div>
							</div>
							<div class="sidebar-widget">
								<h3 class="sidebar-title">Size</h3>
								<ul class="sidebar-menu">
									<li><a href="#"> S  <span>(13)</span></a></li>
									<li><a href="#"> M  <span>(15)</span></a></li>
									<li><a href="#"> L  <span>(6)</span></a></li>
								</ul>
							</div>
							<div class="sidebar-widget">
								<h3 class="sidebar-title">Size</h3>
								<ul class="sidebar-menu">
									<li><a href="#"> Beige  <span>(2)</span></a></li>
									<li><a href="#"> White <span>(4)</span></a></li>
									<li><a href="#"> Black  <span>(4)</span></a></li>
									<li><a href="#"> Orange   <span>(6)</span></a></li>
									<li><a href="#"> Blue  <span>(4)</span></a></li>
									<li><a href="#"> Green  <span>(1)</span></a></li>
									<li><a href="#"> Yellow  <span>(5)</span></a></li>
									<li><a href="#">  Pink <span>(2)</span></a></li>
								</ul>
							</div>
							<div class="sidebar-widget">
								<h3 class="sidebar-title">Compositions</h3>
								<ul class="sidebar-menu">
									<li><a href="#">  Cotton  <span>(2)</span></a></li>
									<li><a href="#"> Polyester <span>(4)</span></a></li>
									<li><a href="#"> Viscose  <span>(4)</span></a></li>
								</ul>
							</div>
							<div class="sidebar-widget">
								<h3 class="sidebar-title">Styles</h3>
								<ul class="sidebar-menu">
									<li><a href="#">   Casual  <span>(2)</span></a></li>
									<li><a href="#"> Dressy  <span>(4)</span></a></li>
									<li><a href="#"> Girly  <span>(4)</span></a></li>
								</ul>
							</div>
							<div class="sidebar-widget">
								<h3 class="sidebar-title">Properties</h3>
								<ul class="sidebar-menu">
									<li><a href="#">Colorful Dress <span>(2)</span></a></li>
									<li><a href="#">Maxi Dress <span>(4)</span></a></li>
									<li><a href="#">Midi Dress <span>(4)</span></a></li>
									<li><a href="#">Short Dress <span>(3)</span></a></li>
									<li><a href="#">Short Sleeve <span>(2)</span></a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-md-9 col-sm-8">
						<h2 class="page-heading mt-40">
							<span class="cat-name">Sofa</span>
							<span class="heading-counter">There are 13 products.</span>
						</h2>
						<div class="shop-page-bar">
							<div>	
								<div class="shop-bar">
									<!-- Nav tabs -->
									<ul class="shop-tab f-left" role="tablist">
										<li role="presentation" class="active"><a href="#home" data-toggle="tab"><i class="fa fa-th-large" aria-hidden="true"></i></a></li>
										<li role="presentation"><a href="#profile" data-toggle="tab"><i class="fa fa-th-list" aria-hidden="true"></i></a></li>
									</ul>
									<div class="selector-field f-left ml-20 hidden-xs">
										<form action="#">
											<label>Sort by</label>
											<select name="select">
												<option value="">----</option>
												<option value="">Price: Lowest first</option>
												<option value="">Price: Highest first</option>
												<option value="">Product Name: A to Z</option>
												<option value="">Product Name: Z to A</option>
												<option value="">In stock</option>
												<option value="">Reference: Lowest first</option>
												<option value="">Reference: Highest first</option>
											</select>
										</form>
									</div>
									<div class="selector-field f-left ml-30 hidden-xs">
										<form action="#">
											<label>Show</label>
											<select name="select">
												<option value="">12</option>
												<option value="">13</option>
												<option value="">14</option>
											</select>
										</form>
									</div>
									
								</div>	
								<!-- Tab panes -->
								<div class="tab-content">
									<div role="tabpanel" class="tab-pane active" id="home">
										<div class="row">
											<div class="col-lg-4 col-md-4 col-sm-6">
												<div class="single-product mb-30  white-bg">
													<div class="product-img pt-20">
														<a href="product.html"><img src="img/product/1.jpg" alt="" /></a>
													</div>
													<div class="product-content product-i">
														<div class="pro-title">
															<h4><a href="product-details.html">Moebius Table</a></h4>
														</div>
														<div class="pro-rating ">
															<a href="#"><i class="fa fa-star"></i></a>
															<a href="#"><i class="fa fa-star"></i></a>
															<a href="#"><i class="fa fa-star"></i></a>
															<a href="#"><i class="fa fa-star"></i></a>
															<a href="#"><i class="fa fa-star-o"></i></a>
														</div>
														<div class="price-box">
															<span class="price product-price">$400.00</span>
														</div>
														<div class="product-icon">
															<div class="product-icon-left f-left">
																<a href="cart.html"><i class="fa fa-shopping-cart"></i>Add to Cart</a>
															</div>
															<div class="product-icon-right floatright">
																<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-exchange"></i></a>
																<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart"></i></a>
															</div>
														</div>
													</div>
													<span class="new">new</span>
												</div>											
											</div>									
										</div>	
									</div>			
								</div>
							</div>				
						</div>
					</div>					
				</div>	
			</div>
		</div>
		<!-- shop-area end -->
		

		<!-- copyright-area-start -->
        <div class="copyright-area text-center bg-color-3">
            <div class="container"> 
                <div class="copyright-border ptb-30">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="copyright text-left">
                                <p>Copyright &copy; 2020.第六组 All rights reserved.</p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="payment text-right">
                                <a href="#"><img src="img/payment.png" alt="" /></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
		<!-- copyright-area-end -->
		<!-- social_block-start -->
		<div id="social_block">
			<ul>
				<li class="facebook"><a href="#">Facebook</a></li>
				<li class="twitter"><a href="#">twitter</a></li>
				<li class="rss"><a href="#">rss</a></li>
				<li class="youtube"><a href="#">youtube</a></li>
				<li class="google-plus"><a href="#">google plus</a></li>
				<li class="pinterest"><a href="#">pinterest</a></li>
			</ul>
		</div>
		<!-- social_block-end -->
		
		<!-- all js here -->
		<!-- jquery-1.12.0 -->
        <script src="js/vendor/jquery-1.12.0.min.js"></script>
		<!-- bootstrap.min.js -->
        <script src="js/bootstrap.min.js"></script>
		<!-- nivo.slider.js -->
        <script src="js/jquery.nivo.slider.pack.js"></script>
		<!-- jquery-ui.min.js -->
        <script src="js/jquery-ui.min.js"></script>
		<!-- jquery.magnific-popup.min.js -->
        <script src="js/jquery.magnific-popup.min.js"></script>
		<!-- jquery.meanmenu.min.js -->
        <script src="js/jquery.meanmenu.js"></script>
		<!-- jquery.scrollup.min.js-->
        <script src="js/jquery.scrollup.min.js"></script>
		<!-- owl.carousel.min.js -->
        <script src="js/owl.carousel.min.js"></script>		
		<!-- plugins.js -->
        <script src="js/plugins.js"></script>
		<!-- main.js -->
        <script src="js/main.js"></script>
    </body>
</html>

